<div ng-init="init();" class="kmi-layout-content B1401-content">
    <div class="kmi-header-row">
        <div class="kmi-side-btn left" ng-click="back();">
            <i class="material-icons">&#xE408;</i>
            <div class="kmi-can-click"></div>
        </div>
        <div class="brand-title">
            <div class="custom" ng-if="companyName">
                <div class="title" ng-bind="companyName"></div>
                <img src="" alt="" class="brand">
                <div class="gap"></div>
            </div>
            <div class="digiwin">
                <img src="image/smes_v340/logo_ch.png" alt="">
                <img src="image/smes_v340/logo_en.png" alt="">
            </div>
        </div>
        <!-- 包裝設定 -->
        <div class="header-title" ng-bind="'B1401.title-setting' | translate" ng-show="mode === 'setting'"></div>
        <!-- 包裝作業 -->
        <div class="header-title" ng-bind="'B1401.title' | translate" ng-show="mode !== 'setting'"></div>
        <button ng-click="setting();" ng-show="mode !== 'setting'">
            <img src="image/smes_v340/setting.png"></img> 
            <div class="kmi-can-click"></div>
        </button>
        <div class="header-logo"></div>
    </div>
    <!-- 包裝設定頁面 -->
    <div class="kmi-layout-main-content setting" ng-show="mode === 'setting'">
        <div class="kmi-layout-page" style="width: 100%;">
            <!-- 生產線 -->
            <div class="kmi-text-fields">
                <label class="label" ng-bind="'B1401.area_no' | translate"></label>
                <input class="value" ng-model="settingList.area_no"></input>
                <div class="tip search" ng-click="loadAreaNo();"><img src="image/icons/search.png"></img> </div>
            </div>
            <!-- 作業站 -->
            <div class="kmi-text-fields">
                <label class="label" ng-bind="'B1401.op_no' | translate"></label>
                <input class="value" ng-model="settingList.op_no"></input>
                <div class="tip search" ng-click="loadOpNo();"><img src="image/icons/search.png"></img> </div>
            </div>
            <!-- 包裝模式 -->
            <div class="kmi-text-fields">
                <label class="label" ng-bind="'B1401.package_mode' | translate"></label>
                <!-- 序號 -->
                <button class="mdl-button mdl-js-button kmi-checkbox" ng-click="settingList.package_mode = '0'" style="flex: 0 0 100px; height: 32px;">
                    <img ng-show="settingList.package_mode === '1'" src="image/icons/check0.png"></img>
                    <img ng-show="settingList.package_mode === '0'" src="image/icons/check1.png"></img>
                    {{ 'B1401.serial_no' | translate }}
                </button>
                <!-- 生產批號 -->
                <button class="mdl-button mdl-js-button kmi-checkbox" ng-click="settingList.package_mode = '1'" style="flex: 0 0 100px; height: 32px;">
                    <img ng-show="settingList.package_mode === '0'" src="image/icons/check0.png"></img>
                    <img ng-show="settingList.package_mode === '1'" src="image/icons/check1.png"></img>
                    {{ 'B1401.lot_no' | translate }}
                </button>
            </div>
            <div class="kmi-text-fields">
                <label style="margin-right:20px;" class="label"  ng-bind="'B1401.external_box_label' | translate"></label>
                <div  class="check-point-switch" ng-class="{'is-selected':settingList.external_mode == '1'}" ng-click="settingList.external_mode=(settingList.external_mode=='1'?'0':'1')">
                    <div style="width:24px;height:24px;"></div>
                </div>
            </div>
        </div>
        <div class="kmi-layout-footer">
            <button class="mdl-button mdl-js-button mdl-button--fab mdl-shadow--custom mdl-button--custom1"
                ng-click="confirm();">
              <i class="material-icons">done</i>
            </button>
        </div>
    </div>
    <!-- 包裝作業頁面 -->
    <div class="kmi-layout-main-content stationPackage" ng-show="mode === ''">
        <!-- 左邊區塊 -->
        <div class="kmi-layout-page left" ng-class="{'is-min': machine_panel_mode == 'MIN', 'is-max': machine_panel_mode == 'MAX'}">
            <div class="panel-btn" ng-click="changePanelSize('MIN');" style="right: 32px;">
                <img src="image/icons/dropleft.png"></img>
                <div class="kmi-can-click"></div>
            </div>
            <div class="panel-btn" ng-click="changePanelSize('MAX');">
                <img src="image/icons/dropright.png"></img>
                <div class="kmi-can-click"></div>
            </div>
            <div class="fields-content" ng-hide="machine_panel_mode == 'MIN'">
                <!-- 生產線 -->
                <div class="kmi-text-fields">
                    <label class="label" ng-bind="'B1401.area_no' | translate"></label>
                    <label class="value" ng-bind="settingList.area_no"></label>
                </div>
                <!-- 作業站 -->
                <div class="kmi-text-fields">
                    <label class="label" ng-bind="'B1401.op_no' | translate"></label>
                    <label class="value" ng-bind="settingList.op_no"></label>
                </div>
                <!-- 人員 -->
                <div class="kmi-text-fields">
                    <label class="label" ng-bind="'B1401.person' | translate"></label>
                    <input class="value" ng-model="stationPackage.user_no"></input>
                    <div class="tip search" ng-click="loadUserNo();"><img src="image/icons/search.png"></img> </div>
                </div>
                <!-- 包裝來源 -->
                <div class="kmi-text-fields">
                    <label class="label" ng-bind="'B1401.package_source' | translate"></label>
                    <input class="value" ng-model="stationPackage.product_no"></input>
                    <div class="tip search" ng-click="loadPackageSource();"><img src="image/icons/search.png"></img> </div>
                </div>
                <!-- 包裝階層 -->
                <div class="kmi-text-fields">
                    <label class="label" ng-bind="'B1401.package_level' | translate"></label>
                    <input class="value" ng-model="stationPackage.package_level"></input>
                    <div class="tip search" ng-click="loadPackageLevel();"><img src="image/icons/search.png"></img> </div>
                </div>
                <!-- 包裝內容 -->
                <div class="kmi-text-fields">
                    <label class="label" ng-bind="'B1401.package_content' | translate"></label>
                    <label class="value" ng-bind="stationPackage.package_content"></label>
                </div>
            </div>
            <div class="kmi-list column-selector" ng-hide="machine_panel_mode == 'MIN'" column-selector-id="package-list" kmi-scrollbar="1000px" style="border-bottom-width: 0px;">
                <div class="kmi-list__header">
                    <div class="kmi-list__column" style="flex: 1;" ng-bind="'B1401.list.wo_no' | translate"></div>                <!-- 工單編號 -->
                    <div class="kmi-list__column" style="flex: 1;" ng-bind="'B1401.list.lot_no' | translate"></div>               <!-- 生產批號 -->
                    <div class="kmi-list__column" style="flex: 1;" ng-bind="'B1401.list.already_package_qty' | translate"></div>  <!-- 已包數量 -->
                    <div class="kmi-list__column" style="flex: 1;" ng-bind="'B1401.list.arrival_qty' | translate"></div>          <!-- 進站數量 -->
                    <div class="kmi-list__column" style="flex: 1;" ng-bind="'B1401.list.plan_qty' | translate"></div>             <!-- 計劃數量 -->
                    <div class="kmi-list__column" style="flex: 1;" ng-bind="'B1401.list.wo_no_qty' | translate"></div>            <!-- 工單數量 -->
                    <div class="kmi-list__column" style="flex: 1;" ng-bind="'B1401.list.product_no' | translate"></div>           <!-- 產品編號 -->
                    <div class="kmi-list__column" style="flex: 1;" ng-bind="'B1401.list.product_ver' | translate"></div>          <!-- 產品版本 -->
                    <div class="kmi-list__column" style="flex: 1;" ng-bind="'B1401.list.product_name' | translate"></div>         <!-- 產品名稱 -->
                    <div class="kmi-list__column" style="flex: 1;" ng-bind="'B1401.list.product_spec' | translate"></div>         <!-- 產品規格 -->
                    <div class="kmi-list__column" style="flex: 1;" ng-bind="'B1401.list.customer_no' | translate"></div>          <!-- 客戶編號 -->
                    <div class="kmi-list__column" style="flex: 1;" ng-bind="'B1401.list.customer_name' | translate"></div>        <!-- 客戶名稱 -->
                    <div class="kmi-list__column" style="flex: 1;" ng-bind="'B1401.list.wo_no_type' | translate"></div>           <!-- 工單類別 -->
                </div>
                <div class="kmi-list__row-content">
                    <div class="kmi-list__row" ng-repeat="item in lotNoList track by $index" ng-click="changeLotNo(item, $index);" ng-class="{'is-select':selectItem.lot_no == item.lot_no}">
                        <div class="kmi-list__column column-border" style="flex: 1;" ng-bind="item.mo_no"></div>                  <!-- 工單編號 -->
                        <div class="kmi-list__column column-border" style="flex: 1;" ng-bind="item.lot_no"></div>                 <!-- 生產批號 -->
                        <div class="kmi-list__column column-border" style="flex: 1;" ng-bind="item.packed_qty"></div>             <!-- 已包數量 -->
                        <div class="kmi-list__column column-border" style="flex: 1;" ng-bind="item.qty"></div>                    <!-- 進站數量 -->
                        <div class="kmi-list__column column-border" style="flex: 1;" ng-bind="item.plan_qty"></div>               <!-- 計劃數量 -->
                        <div class="kmi-list__column column-border" style="flex: 1;" ng-bind="item.mo_qty"></div>                 <!-- 工單數量 -->
                        <div class="kmi-list__column column-border" style="flex: 1;" ng-bind="item.product_no"></div>             <!-- 產品編號 -->
                        <div class="kmi-list__column column-border" style="flex: 1;" ng-bind="item.product_ver"></div>            <!-- 產品版本 -->
                        <div class="kmi-list__column column-border" style="flex: 1;" ng-bind="item.product_name"></div>           <!-- 產品名稱 -->
                        <div class="kmi-list__column column-border" style="flex: 1;" ng-bind="item.item_spec"></div>              <!-- 產品規格 -->
                        <div class="kmi-list__column column-border" style="flex: 1;" ng-bind="item.customer_no"></div>            <!-- 客戶編號 -->
                        <div class="kmi-list__column column-border" style="flex: 1;" ng-bind="item.customer_name"></div>          <!-- 客戶名稱 -->
                        <div class="kmi-list__column column-border" style="flex: 1;" ng-bind="item.mo_type_no"></div>             <!-- 工單類別 -->
                        <div class="kmi-can-click" ng-click="clickItem(item);"></div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 右邊區塊 -->
        <div class="kmi-layout-page right" ng-show="isSelectItem" ng-class="{'right-panel-none': machine_panel_mode=='MAX'}">
            <div class="pcs-content top" ng-class="{'content-min':isPCSSize=='MAX'}">
                <div class="fields">
                    <div class="kmi-text-fields">
                        <div class="triger-btn" ng-click="changePCSSize('MAX');">
                            <i class="material-icons close">remove</i>
                            <i class="material-icons open">add</i>
                            <div class="kmi-can-click"></div>
                        </div>
                        <!-- 成品序號 (包裝階層為第一層時顯示) -->
                        <label class="label title" ng-bind="'B1401.product_serial_no' | translate" style="margin-left: 8px;" ng-show="settingList.package_mode === '0' && stationPackage.package_level === '1'"></label>
                        <!-- 包裝序號 -->
                        <label class="label title" ng-bind="'B1401.package_serial_no' | translate" style="margin-left: 8px;" ng-show="settingList.package_mode === '0' && stationPackage.package_level !== '1'"></label>
                        <div class="kmi-text-fields qr-code" ng-show="settingList.package_mode === '0'" style="margin-bottom: 0px; flex: 1;">
                            <input class="value input_barcode" id="input_barcode" ng-model="barcode_serial_no" ng-keypress="barcodeScan($event);" ng-blur="input_blur();"></input>
                            <div class="tip qrcode" ng-click="qrcodeScan();">
                                <img src="image/icons/QRCode.png">
                            </div>
                        </div>
                        <!-- 生產批號 (包裝階層為第一層時顯示) -->
                        <label class="label title" ng-bind="'B1401.plot_no' | translate" style="margin-left: 8px;" ng-show="settingList.package_mode === '1' && stationPackage.package_level === '1'"></label>
                        <!-- 包裝序號 -->
                        <label class="label title" ng-bind="'B1401.package_serial_no' | translate" style="margin-left: 8px;" ng-show="settingList.package_mode === '1' && stationPackage.package_level !== '1'"></label>
                        <div class="kmi-text-fields qr-code" ng-show="settingList.package_mode === '1'" style="margin-bottom: 0px; flex: 1;">
                            <input class="value input_barcode" id="input_barcode" ng-model="barcode_lot_no" ng-keypress="barcodeScan($event);" ng-blur="input_blur();"></input>
                            <div class="tip qrcode" ng-click="qrcodeScan();">
                                <img src="image/icons/QRCode.png">
                            </div>
                        </div>
                        <!-- 包裝數 -->
                        <label class="label" ng-bind="'B1401.package_qty' | translate" style="margin-left: 8px;"></label>
                        <input class="value" ng-value="stationPackage.package_qty" style="flex: 0 0 70px;" readonly disabled></input>
                    </div>
                </div>
                <div class="kmi-list column-selector">
                    <div class="kmi-list__header">
                        <div class="kmi-list__column" style="flex: 0 0 40px;"></div>
                        <div class="kmi-list__column" ng-bind="'B1401.list.order' | translate" style="flex: 1;"></div>
                        <!-- 生產批號 → 生產批號模式並且包裝階層是第一層時顯示 -->
                        <div class="kmi-list__column" ng-bind="'B1401.list.lot_no' | translate" style="flex: 1;" ng-show="settingList.package_mode === '1' && stationPackage.package_level === '1'"></div>
                        <!-- 包裝序號 → 生產批號模式並且包裝階層不是第一層時顯示 -->
                        <div class="kmi-list__column" ng-bind="'B1401.list.package_serial_no' | translate" style="flex: 1;" ng-show="settingList.package_mode === '1' && stationPackage.package_level !== '1'"></div>
                        <!-- 成品序號 → 成品序號模式並且包裝階層是第一層時顯示 -->
                        <div class="kmi-list__column" ng-bind="'B1401.list.product_serial_no' | translate" style="flex: 1;" ng-show="settingList.package_mode === '0' && stationPackage.package_level === '1'"></div>
                        <!-- 包裝序號 → 成品序號模式並且包裝階層不是第一層時顯示 -->
                        <div class="kmi-list__column" ng-bind="'B1401.list.package_serial_no' | translate" style="flex: 1;" ng-show="settingList.package_mode === '0' && stationPackage.package_level !== '1'"></div>
                        <div class="kmi-list__column" ng-bind="'B1401.list.qty' | translate" style="flex: 1;"></div>
                    </div>
                    <div class="kmi-list__row-content">
                        <div class="kmi-list__row" ng-repeat="item in pcs_detail | orderBy:'-order' track by $index">
                            <div class="kmi-list__column" style="flex:0 0 40px;">
                                <button class="mdl-button mdl-button--icon" ng-click="pcs_remove(item);">
                                    <img src="image/icons/delete.png"></img>
                                </button>
                            </div>
                            <div class="kmi-list__column column-border" style="flex: 1;" ng-bind="item.index"></div>
                            <!-- 生產批號模式 → barcode_lot_no -->
                            <div class="kmi-list__column column-border" style="flex: 1;" ng-bind="item.barcode_lot_no" ng-show="settingList.package_mode === '1' && stationPackage.package_level === '1'"></div>
                            <!-- 生產批號模式 → barcode_lot_no -->
                            <div class="kmi-list__column column-border" style="flex: 1;" ng-bind="item.barcode_lot_no" ng-show="settingList.package_mode === '1' && stationPackage.package_level !== '1'"></div>
                            <!-- 成品序號模式 → barcode_serial_no -->
                            <div class="kmi-list__column column-border" style="flex: 1;" ng-bind="item.barcode_serial_no" ng-show="settingList.package_mode === '0' && stationPackage.package_level === '1'"></div>
                            <!-- 成品序號模式 → barcode_serial_no -->
                            <div class="kmi-list__column column-border" style="flex: 1;" ng-bind="item.barcode_serial_no" ng-show="settingList.package_mode === '0' && stationPackage.package_level !== '1'"></div>
                            <div class="kmi-list__column column-border" style="flex: 1;" ng-bind="item.qty"></div>
                        </div>
                    </div>
                </div>
                <div class="sum-fields">
                    <div class="kmi-text-fields">
                        <!-- 已包裝數 -->
                        <!-- 成品序號模式 → pcs_detail.length(掃描序號 List 總數 (右上)) -->
                        <label class="label" ng-bind="('B1401.already_package_qty' | translate) + (+pcs_detail.length)" ng-show="settingList.package_mode === '0'"></label>
                        <!-- 生產批號模式 → barcode_lot_no_qty(生產批號模式的已包裝數量) -->
                        <label class="label" ng-bind="('B1401.already_package_qty' | translate) + (+barcode_lot_no_qty)" ng-show="settingList.package_mode === '1'"></label>
                        <!-- 剩餘數 -->
                        <!-- 成品序號模式 → stationPackage.package_qty(包裝數) - pcs_detail.length(掃描序號 List 總數 (右上)) -->
                        <label class="label" ng-bind="('B1401.remaining_qty' | translate) + (+stationPackage.package_qty - +pcs_detail.length)" ng-show="settingList.package_mode === '0'"></label>
                        <!-- 生產批號模式 → stationPackage.package_qty(包裝數) - +barcode_lot_no_qty(生產批號模式的已包裝數量) -->
                        <label class="label" ng-bind="('B1401.remaining_qty' | translate) + (+stationPackage.package_qty - +barcode_lot_no_qty)" ng-show="settingList.package_mode === '1'"></label>
                    </div>
                    <div class="btn-content" ng-class="{'mode_serial_no': settingList.package_mode === '0'}">
                        <div class="kmi-button kmi-button-confrim" ng-show="settingList.package_mode === '1' && stationPackage.package_level === '1'">
                            <!-- 生產批包裝 → 生產批號模式才顯示 -->
                            <label>散包</label>
                            <div class="kmi-can-click" ng-click="open_dispersion_package_contorl()"></div>
                        </div>
                        <div class="kmi-button kmi-button-confrim" ng-show="settingList.package_mode === '1'">
                            <!-- 生產批包裝 → 生產批號模式才顯示 -->
                            <label ng-bind="'B1401.btn.package' | translate"></label>
                            <div class="kmi-can-click" ng-click="pcs_package();"></div>
                        </div>
                        <div class="kmi-button kmi-button-confrim">
                            <!-- 清除 -->
                            <label ng-bind="'B1401.btn.clear' | translate"></label>
                            <div class="kmi-can-click" ng-click="pcs_confirm();"></div>
                        </div>
                        <div class="kmi-button kmi-button-confrim">
                            <!-- 強制封箱 -->
                            <label ng-bind="'B1401.btn.mandatory_sealing' | translate"></label>
                            <div class="kmi-can-click" ng-click="pcs_mandatory_package();"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="pcs-content bottom" style="margin-bottom: 0px;" ng-class="{'content-min':isPCSSize=='MIN'}">
                <div class="fields">
                    <div class="kmi-text-fields">
                        <div class="triger-btn" ng-click="changePCSSize('MIN');">
                            <i class="material-icons close">remove</i>
                            <i class="material-icons open">add</i>
                            <div class="kmi-can-click"></div>
                        </div>
                        <!-- 包裝序號 -->
                        <label class="label title" ng-bind="'B1401.list.package_serial_no' | translate" style="margin-left: 8px;"></label>
                    </div>
                </div>
                <div class="kmi-list column-selector">
                    <div class="kmi-list__header">
                        <div class="kmi-list__column" style="flex: 0 0 40px;"></div>
                        <div class="kmi-list__column" style="flex: 1;" ng-bind="'B14.showDetail.title' | translate"></div> 
                        <div class="kmi-list__column" style="flex: 1;" ng-bind="'B1401.list.time' | translate"></div>               <!-- 時間 -->
                        <div class="kmi-list__column" style="flex: 1;" ng-bind="'B1401.list.package_serial_no' | translate"></div>  <!-- 包裝序號 -->
                        <div class="kmi-list__column" style="flex: 1;" ng-bind="'B1401.list.product_no' | translate"></div>         <!-- 產品編號 -->
                        <div class="kmi-list__column" style="flex: 1;" ng-bind="'B1401.list.product_ver' | translate"></div>        <!-- 產品版本 -->
                        <div class="kmi-list__column" style="flex: 1;" ng-bind="'B1401.list.product_name' | translate"></div>       <!-- 產品名稱 -->
                        <div class="kmi-list__column" style="flex: 1;" ng-bind="'B1401.list.product_spec' | translate"></div>       <!-- 產品規格 -->
                        <div class="kmi-list__column" style="flex: 1;" ng-bind="'B1401.list.box_qty' | translate"></div>            <!-- 滿包數量 -->
                        <div class="kmi-list__column" style="flex: 1;" ng-bind="'B1401.list.actual_qty' | translate"></div>         <!-- 實際數量 -->
                        <div class="kmi-list__column" style="flex: 1;" ng-bind="'B1401.list.package_level' | translate"></div>      <!-- 包裝階層 -->
                        <div class="kmi-list__column" style="flex: 1;" ng-bind="'B1401.list.group_label_no' | translate"></div>     <!-- 組合標籤編號 -->
                        <div class="kmi-list__column" style="flex: 1;" ng-bind="'B1401.list.person' | translate"></div>             <!-- 人員 -->
                        <div class="kmi-list__column" style="flex: 1;" ng-bind="'B1401.list.print_times' | translate"></div>        <!-- 打印次数 -->
                        <div class="kmi-list__column" style="flex: 0 0 40px;"></div>
                    </div>
                    <div class="kmi-list__row-content">
                        <div class="kmi-list__row" ng-repeat="item in packageBoxList track by $index">
                            <div class="kmi-list__column" style="flex: 0 0 40px;">
                                <button class="mdl-button mdl-js-button mdl-button--icon" ng-click="boxList_select(item);">
                                    <img src="image/icons/check0.png" ng-show="!item.selected"></img>
                                    <img src="image/icons/check1.png" ng-show="item.selected"></img>
                                </button>
                            </div>
                            <div class="kmi-list__column" style="z-index:1;display: flex;padding-right: 2px;">
                                <button class="mdl-button mdl-js-button mdl-button--icon kmi-button--icon" style="color:#1ab7ce;" ng-click="showDetail(item);">
                                    <i class="material-icons" style="color: #FFB037;">&#xE85A;</i>
                                </button>
                            </div>
                            <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.pack_date"></div>        <!-- 時間 -->
                            <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.box_no"></div>           <!-- 包裝序號 -->
                            <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.product_no"></div>       <!-- 產品編號 -->
                            <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.product_ver"></div>      <!-- 產品版本 -->
                            <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.product_name"></div>     <!-- 產品名稱 -->
                            <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.product_spec"></div>     <!-- 產品規格 -->
                            <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.box_qty"></div>          <!-- 滿包數量 -->
                            <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.actual_qty"></div>       <!-- 實際數量 -->
                            <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.box_level"></div>        <!-- 包裝階層 -->
                            <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.group_label_no"></div>   <!-- 組合標籤編號 -->
                            <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.pack_user"></div>        <!-- 人員 -->
                            <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.print_times"></div>      <!-- 打印次数 -->
                            <div class="kmi-list__column" style="flex:0 0 40px;">
                                <button class="mdl-button mdl-button--icon" ng-click="boxList_remove(item);">
                                    <img src="image/icons/delete.png"></img>
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="sum-fields" style="justify-content: flex-end;">
                    <div class="btn-content" style="width: 100px;">
                        <div class="kmi-button kmi-button-confrim">
                            <!-- 補印 -->
                            <label ng-bind="'B1401.btn.reprint' | translate"></label>
                            <div class="kmi-can-click" ng-click="print();"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="kmi-layout-page" ng-show="mode == 'print'" style="padding: 0;">
        <iframe id="kmi-pdf-panel" name="kmi-pdf-panel"></iframe>
    </div>
    <div class="kmi-layout-footer" ng-show="mode == 'print'">
        <button class="mdl-button mdl-js-button mdl-button--fab mdl-shadow--custom mdl-button--custom1 sub"
        ng-click="PDF_print();">
          <img src="image/icons/print.png"></img>
        </button>
        <button class="mdl-button mdl-js-button mdl-button--fab mdl-shadow--custom mdl-button--custom1 sub"
        ng-click="download();">
          <img src="image/icons/download.png"></img>
        </button>
        <button class="mdl-button mdl-js-button mdl-button--fab mdl-shadow--custom mdl-button--custom1"
        ng-click="cancel();">
          <img src="image/icons/close.png"></img>
        </button>
    </div>
</div>
